<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo6</title>
    <style>
        body {
            font-size: 16px;

        }

        h2 {
            text-align: center;
            color: #8a8b99;
        }

        .main {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .text {
            padding: 5px 15px 50px 15px;
            width: 31%;
        }

        h3 > a {
            color: black;
        }

        p > a {
            color: #656565;
        }

        button {
            background: #fdfdfd;
            width: 80px;
            height: 30px;
            border: 1px solid #545454;
            border-radius: 3px;
        }


        a:link {
            text-decoration: none;
        }

        a:hover {
            color: red;
        }

    </style>
</head>
<body>
<div id="root">
    <h2>您可以通过以下新闻与动态进一步了解我们。我们所签约的客户，无论他们的项目是大或者是小，我们都将提供100%的服务</h2>
    <div class="main">
        <div class="text">
            <h3><a href="">如何选择自己的域名?</a></h3>
            <hr>
            <p><a href="">一个与企业名称和形象相符的域名，是企业进项网站运营的前提。由于域名具有...</a></p>
            <button>查看详情</button>
        </div>
        <div class="text">
            <h3><a href="">如何选择自己的域名?</a></h3>
            <hr>
            <p><a href="">一个与企业名称和形象相符的域名，是企业进项网站运营的前提。由于域名具有...</a></p>
            <button>查看详情</button>
        </div>
        <div class="text">
            <h3><a href="">如何选择自己的域名?</a></h3>
            <hr>
            <p><a href="">一个与企业名称和形象相符的域名，是企业进项网站运营的前提。由于域名具有...</a></p>
            <button>查看详情</button>
        </div>
        <div class="text">
            <h3><a href="">如何选择自己的域名?</a></h3>
            <hr>
            <p><a href="">一个与企业名称和形象相符的域名，是企业进项网站运营的前提。由于域名具有...</a></p>
            <button>查看详情</button>
        </div>
        <div class="text">
            <h3><a href="">如何选择自己的域名?</a></h3>
            <hr>
            <p><a href="">一个与企业名称和形象相符的域名，是企业进项网站运营的前提。由于域名具有...</a></p>
            <button>查看详情</button>
        </div>
        <div class="text">
            <h3><a href="">如何选择自己的域名?</a></h3>
            <hr>
            <p><a href="">一个与企业名称和形象相符的域名，是企业进项网站运营的前提。由于域名具有...</a></p>
            <button>查看详情</button>
        </div>
    </div>

</div>
</body>
</html>